<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>接单系统展示</title>
<style type="text/css">
@charset "UTF-8";
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  background: #fffcf4;
  max-height: 100%;
  max-width:100%;
  width:100%;
  min-height:100%;
  padding: 0px;
  overflow: auto;
}
body {
  margin: 0;
  background: #fffcf4;
    max-height: 100%;
  max-width:100%;
  width:100%;
  height:100%;
  padding: 0px;
  overflow: hidden;
}

 
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
 
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.image{
width: 200px;
height: 300px;
margin-top: 10px;
margin-left: 10px;
}
</style>
<body>
<h1 style="text-align: center;">用户版</h1>
<img class="image" src="images/cuslogin.png">
<img class="image" src="images/cussetting.png">
<img class="image" src="images/cusorder.png">
<img class="image" src="images/cusorder2.png">
<img class="image" src="images/cusorderdetail.png">
<img class="image" src="images/cusorderadd.png">
<img class="image" src="images/cusshoinfo.png">
<img class="image" src="images/cussjinfo.png">
<img class="image" src="images/cusproddetail.png">
<img class="image" src="images/my.png">
<img class="image" src="images/cusinfochange.png">
<img class="image" src="images/passwordchange.png">
<h1 style="text-align: center;">商家版</h1>
<img class="image" src="images/busiregi.png">
<img class="image" src="images/busilogin.png">
<img class="image" src="images/busisetting.png">
<img class="image" src="images/busiorder.png">
<img class="image" src="images/busiorder2.png">
<img class="image" src="images/busiorderdetail.png">
<img class="image" src="images/busirefresh.png">
<img class="image" src="images/busiorderlist.png">
<img class="image" src="images/busiproddetail.png">
<img class="image" src="images/busiprdoadd.png">
<img class="image" src="images/busimy.png">
<img class="image" src="images/busipasswordchange.png">
</body>
</html>